@media (max-width: 767px) {
    html,
    body {
        width: 100%;
        overflow-x: hidden;
    }
    body {
        background: none;
    }
    .header {
        background: url(../img/2017_hbt_bg.jpg) no-repeat  #fff;
        height: auto;
        background-position: 28% 2%;
        background-size: 233%;
    }
    .header .logo{
        padding: 15px;
        display: flex;
        align-items: center;
        width:75%;
    }
    /*ÃƒÆ’Ã†â€™Ãƒâ€šÃ‚Â©ÃƒÆ’Ã¢â‚¬Â¦Ãƒâ€šÃ‚Â¡ÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚ÂÃƒÆ’Ã†â€™Ãƒâ€šÃ‚Â¨ÃƒÆ’Ã‚Â¢ÃƒÂ¢Ã¢â‚¬Å¡Ã‚Â¬ÃƒÂ¢Ã¢â€šÂ¬Ã‚ÂÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚Â*/
    .comm_topLink, .top, .search, #topSystemBtn_id, .friendslink, #xxgk_midNav, .tyl-main-left, .table_list thead .table_list_sxh, .table_list tbody tr td:nth-last-child(3), .mian_con_foot div, #j-font-size, .gov_icon {
        display: none!important;
    }
    .btm_iframe_box .kqzlpm_iframe,
    .btm_iframe_box .kqzlyb_iframe,
    .btm_iframe_box .hjzlfb_iframe {
        width: 100%;
        margin: 10px 0;
    }
    .hjzlfb_iframe_btn {
        width: 50%;
        margin: 0;
        box-sizing: border-box;
    }
    /*ÃƒÆ’Ã†â€™Ãƒâ€šÃ‚Â¨ÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚Â®ÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚Â¾ÃƒÆ’Ã†â€™Ãƒâ€šÃ‚Â¥ÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚Â®ÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚Â½100%*/
    .header,
    .main,
    .main_top,
    .gzdt,
    .ztzl,
    .tslm_dzqk,
    .hdjl_box .hdjl_tzxx,
    .xwfbh,
    .hdjl_box .hdjl_dczj,
    .footer,
    .bsfw_box .bsfw_wsbs,
    .bsfw_box .bswf_zwpt,
    .bsfw_wsbs ul,
    .xxgk,
    .tzgg,
    .gsgg,
    .gzdt .list,
    .footer_main,
    .xxgk .xxgk_ml li,
    .hdjl_box .hdjl_zxft,
    .index_fbpt li,
    .index_fbpt li a img,
    .main_local,
    .xxgk_main_left,
    .xxgk_leader,
    .xxgk_nav,
    .xxgk_nav .xxgk_jgzn,
    .xxgk_nav .xxgk_jgzn li,
    .xxgk_main_cen,
    .xxgk_main_news,
    .xxgk_main_right,
    .main_list .main_list_right,
    .table_list,
    .table_list thead .table_list_title,
    .nav,
    .main_list .main_list_left,
    .hbt_list_box .hb_list,
    .main_content,
    .jgld_leader,
    .xxgk_top_frame ul,
    .table_list_title_fst {
        width: 100%!important;
    }
    .gzdt .list .headline{
        box-sizing:border-box;
    }
    .gzdt .list .headline{
        height:auto;
        padding: 5px 15px;
    }
    .table_list tbody tr td{
        width:auto!important;
    }
    .table_list thead .table_list_date{
        width:30%!important;
    }
    .gzdt .list .headline h2 a{
        font-size:16px;
    }

    /*ÃƒÆ’Ã†â€™Ãƒâ€šÃ‚Â¥ÃƒÆ’Ã¢â‚¬Â¹ÃƒÂ¢Ã¢â€šÂ¬Ã‚Â ÃƒÆ’Ã‚Â¢ÃƒÂ¢Ã¢â‚¬Å¡Ã‚Â¬Ãƒâ€šÃ‚Â ÃƒÆ’Ã†â€™Ãƒâ€šÃ‚Â©ÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚Â¡ÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚Âµ*/
    #paging>.end_page,
    #paging>.home_page {
        display: none;
    }
    #paging>.page_index .current {
        display: block;
        margin: 0 3px;
    }
    .paging_wrap.right {
        text-align: center!important;
    }
    #paging>.page_index {
        margin: 0;
    }

    #paging>.page_index .current {
        display: block;
        margin: 0 3px;
    }
    .header .logo img {
        width: 100%!important;
    }
    .nav{
        height:auto
    }
    .nav li {
        font-size: 14px;
        width: 20%;
        line-height: 40px;
        padding: 0;
        height: 40px;
        background-image: none;
        text-align: center;
        box-sizing: border-box;
        border-width: 1px;
        border-style: solid;
        border-color: rgba(255, 255, 255, .05) rgba(0, 0, 0, .05) rgba(0, 0, 0, .05) rgba(255, 255, 255, .05);
    }
    .nav li .nav01,
    .nav li .nav02,
    .nav li .nav03,
    .nav li .nav04 {
        background: none;
    }
    .nav li a {
        text-indent: unset;
    }
    .hdjl_box .hdjl_tzxx,
    .xwfbh,
    .tzgg,
    .gsgg{
        margin: unset;
    }
    .gzdt{
        height: auto;
        margin:0;
    }
    .gzdt .list .headline h2{
        margin-top:0;
        overflow:hidden;
        white-space:nowrap;
        text-overflow:ellipsis;
    }
    .gzdt .list {
        padding:0;
        height:auto;
    }
    .list ul{
        margin-top:0;
    }
    .xxgk_main_news .list ul li{
        padding:0 15px;
        overflow: hidden;
        width:100%;
        box-sizing:border-box;
    }
    .xxgk_main_news .list ul li a {
        order:-1;
        flex:1;
        text-overflow:ellipsis;
        overflow:hidden;
        white-space:nowrap;
    }
    .xxgk_main_news .list ul li .time{
        padding-left:10px;
        margin:0;
    }
    .hdjl_dczj .list ul li,
    .gsgg .list ul li,
     .tzgg .list ul li,
     .gzdt .list ul li{
         box-sizing:border-box;
         overflow:hidden;
         white-space:nowrap;
         text-overflow:ellipsis;
         padding:0 15px;
     }
     .hdjl_dczj .list ul li a,
     .gsgg .list ul li a,
     .tzgg .list ul li a,
     .gzdt .list ul li a{
         white-space:unset;
         float:none;
     }
     .hdjl_dczj .list ul li span,
     .gsgg .list ul li span,
     .tzgg .list ul li span,
     .gzdt .list ul li span{
         margin:0;
         padding-left:10px;
     }
    .main_xxgk_box,
    .bsfw_box .bsfw_wsbs,
    .bsfw_box .bswf_zwpt,
    .xwfbh,
    .index_fbpt,
    .index_fbpt li {
        height: auto;
    }
    .bsfw_box .bsfw_wsbs {
        background-size: 100% 100%;
    }
    .bsfw_wsbs ul {
        padding-top: 0px;
        padding-left: 15px;
    }
    .bsfw_wsbs ul li {
        width: 30%;
        margin: 5px 4px;
        height:55px
    }
    .bsfw_wsbs ul li a{
        width: 82%!important;
        height: 50px;
    }
    .xwfbh_pic {
        width:auto;
        height:auto;
        margin:0;
    }
    .xwfbh_pic img {
        width: 90%;
        height:auto;
        margin:10px 5%;
    }

    .hdjl_zxft .hdjl_zxft_info .hdjl_zxft_info_time {
        margin-right: 20px;
    }

    .index_fbpt {
        overflow: unset;
    }

    .index_fbpt li {
        margin: 5px 0px;
    }
    .bswf_zwpt .zwpt_list01 li img {
        width: 100%;
        height: 100%;
    }
    .bswf_zwpt .zwpt_list01 li {
        width: 33.33%;
        margin: 0!important;
    }
    .bswf_zwpt .zwpt_list01 li a{
        height:100%;
        display:block;
    }
    .bswf_zwpt{
        margin-top:10px;
    }
    .hdjl_box {
        margin-top: 10px;
        height:auto;
        display:flex;
        flex-wrap:wrap;
    }
    .xxgk_main {
        margin-top: 0px;
    }
    .xxgk_leader {
        padding: 0px;
        margin-top:15px;
    }
    .xxgk_nav {
        margin-top: 0px;
    }
    .xxgk_main_cen {
        margin: 0px;
    }
    .xxgk_jyta {
        margin-bottom:10px;
        width:100%;
        box-sizing:border-box;
        padding:0 1%;
    }
    .xxgk_jyta li {
        width: 48%;
        display:flex;
        flex-wrap:wrap;
        margin:1%!important;

    }
    .main {
        margin: 0px;
    }
    .main_top{
        height:auto;
        display:flex;
        flex-wrap:wrap;
        background:none;
    }
    .xxgk_leader .leader_pic {
        margin-left: 15px;
    }
    .main_list .main_list_right {
        margin-left: 0px;
    }
    .main_list {
        margin-top: 0px;
    }
    .main_list .main_list_right {
        margin-left: unset;
        margin-top: unset;
    }
    .main_list_right table {
        table-layout: fixed;
    }
    .main_list_right table td {
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }
    .table_list tbody tr td a {
        padding-left: 15px!important;
    }
    .hbt_list_box .hb_list {
        padding: 10px 0 0;
    }
    .hbt_list_box .hb_list li a {
        width: 70%;
        margin-left: 10px;
    }
    .time {
        margin-right: 5px;
    }
    .main_content {
        margin-top: 0px;
        padding: 0px;
        border: unset;
    }
    .xxgk_top_frame {
        height: 220px;
    }
    .xxgk_top_frame{
        width: 95%;
    }
    .jgld_leader .jgld_leader_pic img {
        margin-left: 70%;
    }
 
    .main_content .mian_con_foot {
        margin-top: 20px;
    }
    .main_local_main {
        padding-left: 10px;
        background: none;
        height:auto;
        background:#f8f8f8;
    }

    .main_con_zw table {
        width: 100%!important;
        table-layout:fixed;
    }
    .main_con_zw table tr td {
        width: auto!important;
    }
      .main_con_zw img,
    .main_content imgï¼Œ
    .main_con_zw iframe,
    .main_content videoï¼Œ
     #j-show-body img,
    .tys-main img,
    #j-show-body iframe,
    .tys-main iframe,
     #j-show-body video,
    .tys-main video  {
        width: 100%!important;
        height: auto!important;
        display: block;
    }
    .main_content h2 {
        margin-bottom: 0;
    }
    .xxgk_top_frame ul .li02 {
        width: 85%;
        line-height: 20px;
    }
   
   .slideBox, .slideBox .bd{
        width: 100%;
        height: auto;
    }
    .slideBox .bd ul{
        width:100%!important;
        height: 0!important;
        padding-bottom: 53%;
        overflow: hidden;
    }
    .slideBox .bd li,
    .slideBox .bd li a,
    .slideBox .bd li img{
        width: 100%!important;
        height: 100%;
    }

    .slideBox .bd li p{
        box-sizing: border-box;
        width: 100%;
        padding-left: 1em;
        padding-right: 80px;
        white-space: nowrap;
        text-overflow: ellipsis;
        overflow: hidden;
        font-size:12px;
        text-indent:0;
    }

    .footer {
        min-width: unset!important;
        margin-top:10px;
    }
    .footer p {
        width:auto!important;
        padding:10px 15px;
        text-align:center;
    }
    .footer,
    .footer_main {
        height:100%;
        width:100%;
        display:flex;
        flex-wrap:wrap;
    }
    .piclist {
        width: 100%;
    }
    .piclist li {
        float:none;
        width:auto;
        height:auto;
    }
    .piclist li a img{
        width:100%;
        height:auto;
    }
    .piclist li p{
        width:auto;
    }
    .main_content .mian_con_foot p {
        text-indent: 1em;
    }
    .main_list_left {
        overflow-x: auto;
    }
    .main_list .main_list_left ul li {
        width: auto;
        float: left;
        padding: 0 5px;
    }
    .main_list .main_list_left ul li a:hover,
    .chnlnav_on,
    .main_list .main_list_left ul li a {
        Color: black!important;
        background: none!important;
    }
    .main_list .main_list_left h2 {
        display: none;
    }
    .ztzl{
        box-sizing:border-box;
        height: 93px;
        padding: 10px 0;
        margin-top:20px;
    }
    .ztzl .bd{
        width: 251px!important;
        overflow: hidden;
        padding: 0;
        margin: 0 auto;
    }
 
    .title h2 .active,
    .title h2 a{
         padding:0 5px;
     }

     .hbt_list_box .hb_list li{
         display:flex;
         overflow:hidden;
         margin:0 15px;
         width:auto;
     }
     .hbt_list_box .hb_list li a{
         order:-1;
         margin:0;
         flex:1;
         overflow:hidden;
         white-space:nowrap;
         white-space:nowrap;
     }
     .hbt_list_box .hb_list li .time{
         margin:0;
         padding-left:10px;
     }
     .xxgk_main_news{
         height:auto;
     }
     .xxgk_main_news ul{
         margin-top:10px;
     }
     .hjzlfb_iframe_box,
     .kqzlyb_iframe_box, 
     .kqzlpm_iframe_box{
         height:auto;
     }
     .hjzlfb_iframe_box iframe,
     .kqzlyb_iframe_box iframe, 
     .kqzlpm_iframe_box iframe{
         width:100%;
     }
     .xxgk_qzqd{
         width:auto;
         display:flex;
         flex-wrap:wrap;
         margin-bottom:10px;
     }
     .xxgk_qzqd li:nth-child(2),
     .xxgk_qzqd li:nth-child(1){
         background:url(../img/2017_hbt_xxgk_dot.png) 20px center no-repeat #fff;
         text-indent:35px;
     }
     .xxgk_qzqd li{
         width:33.33%;
         background:url(../img/2017_hbt_xxgk_dot.png) 10px center no-repeat #fff;
         text-indent:25px;
         overflow:hidden;
         text-overflow:ellipsis;
         white-space:nowrap;
         box-sizing:border-box;
     }
     .xxgk_qzqd li a{
         overflow:hidden;
         text-overflow:ellipsis;
         white-space:nowrap;
         font-size:12px;
     }
     .hjzlfb_iframe_btn img{
         width:100%;
     }
     .tslm_dzqk{
         margin:10px 0;
         height:auto;
     }
     .slideTxtBox .hd ul{
         width:100%;
         margin:0;
     }
     .slideTxtBox .hd ul li{
         text-align:center;
     }
     .slideTxtBox .hd ul li a{
         padding:0;
         float:none;
     }
     .slideTxtBox .hd ul li em{
         display:none;
     }
     .tslm_dzqk .list .bd ul li{
         display:flex;
         overflow:hidden;
         padding:0 15px;
     }
     .tslm_dzqk .list .bd ul li a{
         order:-1;
         flex:1;
         text-overflow:ellipsis;
         overflow:hidden;
         white-space:nowrap;
     }
     .tslm_dzqk .list .bd ul li span{
         padding-left:10px;
         margin:0;
     }
     .xwfbh{
         display:flex;
         flex-wrap:wrap;
         margin:10px 0;
     }
     .xwfbh_tit{
         padding:0 15px;
         overflow:hidden;
         white-space:nowrap;
         text-overflow:ellipsis;
     }
     .tslm_hbsp{
         margin:10px 0;
     }
     .tslm_hbsp,
     .tslm_hbsp .hbsp_box{
        width:auto!important;
        height:auto;
     }
     .tslm_hbsp .hbsp_box .hbsp_pic {
        width: 100%;
        height:auto;
     }
     .tslm_hbsp .hbsp_box .hbsp_btn{
         left:45%;
         top:40%;
     }
     .tslm_box{
         height:auto;
         display:flex;
         flex-wrap:wrap;
     }
     .index_fbpt{
         display:flex;
         flex-wrap:wrap;
         margin:10px 0;
         height:auto!important;
     }
     .hdjl_zxft .hdjl_zxft_info{
         width:auto;
         padding:10px 15px;
     }
     .hdjl_zxft .hdjl_zxft_abs{
         margin:0 15px;
     }
     .hdjl_zxft .hdjl_zxft_guest{
         padding:5px 15px;
     }
     .hdjl_box .hdjl_tzxx,
     .hdjl_box .hdjl_zxft{
         margin-bottom:10px;
     }
     .zwpt_list01,
     .zwpt_list02,
     .bsfw_box{
         height:auto;
         display:flex;
         flex-wrap:wrap;
     }
     .zwpt_list02 li{
         margin:0;
         width:33.33%;
         border-style: solid;
         border-color: rgba(255, 255, 255, .05) rgba(0, 0, 0, .05) rgba(0, 0, 0, .05) rgba(255, 255, 255, .05);
         box-sizing:border-box;
         height:auto;
     }
     .main_content> h2{
         font-size:16px;
         overflow:hidden;
         text-overflow:ellipsis;
         white-space:nowrap;
         padding:10px 15px;
     }
     .main_content>p{
         margin-bottom:0!important;
     }
     .main_con_zw{
         padding:0 15px;
         width:auto!important;
     }
     #div_chnlNav{
         padding:0 5px;
     }
     .main_list_right table thead,
     #test,
     #collect{
         display:none;
     }
     .xxgk_top_frame {
        width:auto;
        height: auto;
        display:flex;
        flex-wrap:wrap;
        margin:0 15px;
    }
     .xxgk_top_frame ul{
         margin:0;
         height:auto;
         padding:5px 0
     }
     .xxgk_top_frame ul .li02,
     .xxgk_top_frame ul .li01{
         width:100%;
         box-sizing:border-box;
         padding:5px 15px;
         height:auto;
         overflow:hidden;
         white-space:nowrap;
         text-overflow:ellipsis;
     }
     .main_list_right table td:nth-child(3){
         text-align:right;
         padding-right:15px;
     }
     .jgld_leader{
         height:auto;
         display:flex;
         flex-wrap:wrap;
     }
     .jgld_leader .jdld_leader_right{
         margin:10px 0;
     }
     .jgld_leader .jdld_leader_right ul .jdld_leader_tit,
     .jgld_leader .jdld_leader_right ul .jdld_leader_zw{
         width:100%;
         padding:0 15px;
         box-sizing:border-box;
         text-align:center;
     }
     .jgld_leader .jdld_leader_right ul .jdld_leader_tit{
         font-size:16px;
     }
     .jgld_leader .jgld_leader_pic{
         float:none;
        margin:0;
        width:auto;
     }
     .leader_grjj >.MsoNormal{
         text-indent:2em!important;
         margin:0!important;
     }
     .leader_grjj{
         width:auto;
         padding:0 15px;
     }
     #div_topSystem_id,
     .h-login,
     #gwd_btn1{
         display:none!important;
     }
}